<template>
  <!-- intro-section -->
  <section id="intro-wrap" class="intro-eleven-Wrap text-white  text-center">
    <b-container>
      <b-row>
        <b-col sm="12">
          <div class="intro-eleven-subtitle">
            <h3 class="font-weight-bold mb-3 text-white">
              Dexam Vue Js Landing
            </h3>
          </div>
          <h1
            class="intro-eleven-Title font-weight-bold text-42 t-shadow mb-3 text-white"
          >
            Your complete Vue Js App Landing Page
          </h1>
          <div class=" intro-eleven-Description text-16">
            <p class="mb-4">
              Meet Dexam Highly customizable Pure Vue JS + Bootstrap 4 Landing
              template. Dexam is built with Official Vue CLI tool and uses
              BootstrapVue and third-party packages.
            </p>
          </div>

          <div class="intro-eleven-Buttons mb-5">
            <form
              class="d-flex align-items-center justify-content-center subscription_form m-auto"
            >
              <div class="form-group subscription-input-wrap">
                <input
                  type="email"
                  required
                  class="form-control email_field"
                  name="email"
                  id=""
                  aria-describedby="emailHelpId"
                  placeholder=""
                />
                <button type="submit" class="btn btn-submit btn-gradient">
                  Subscribe
                </button>
              </div>
              <div class="form-group"></div>
            </form>
          </div>
        </b-col>
      </b-row>
    </b-container>
    <div class="overlay"></div>
  </section>

  <!-- end::intro-section -->
</template>
